<template>
  <div>
    <div class="left_bottom1">
        <div demo-bg>
    <dv-scroll-board :config="config"
     style="width:500px;height:220px"
      @mouseover="mouseoverHandler" 
      @click="clickHandler" />
  </div>
    </div>
  </div>
</template>

<script setup>
    import { onMounted, reactive } from "vue";
import { getzhi } from "../../request";
    const config=reactive({
        header:['姓名','时间','值班内容','联系电话'],
        data:[['行1列1','行1列2','行1列3','1']],
        index:true,
          columnWidth: [50],
          align:['center']
    })

    onMounted(()=>{
        getzhi().then((res)=>{
            config.data=res.data.data.result[0].map((item,index)=>{
                return [item.eegs_id,item.eegs_time,item.eegs_dutyContent,item.eegs_phone]
            })
        })
    })

    // 定义鼠标悬停事件处理函数
const mouseoverHandler = (e) => {
  // console.log(e)
}

// 定义一个点击事件处理函数
const clickHandler = (e) => {
  // console.log(e)
}

</script>
<style>
.left_bottom1{
    color:#fff;
    height: 350px;
    margin-top: 15px;
    display: flex;
}
.demo-bg{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
}
.dv-scroll-board{
    width: 452px !important;
    height: 320px !important;
}
</style>